<div id="Logo">
    <div id="LogoContent">
        <a href="main"><img src="../../images/logo-topbar.gif" /></a>
    </div>
</div>


<div id="Menu">
    <div id="MenuContent">
        <a href="viewCart"><img align="middle" name="img_cart" src="../../images/cart.gif" /></a>
        <img align="middle" src="../../images/separator.gif" />
        <a href="signon"><span th:if = "${session.account} eq null" >
            Sign In
        </span></a>
        <span th:if = "${session.account} ne null" >
            <a href="signout"> Sign Out</a>
            <img align="middle" src="../../images/separator.gif" />
            <a href="MyAccount">My Account</a>
        </span>

        <img align="middle" src="../../images/separator.gif" /> <a
            href="help.html">?</a></div>
</div>


<div id="Search">
    <div id="SearchContent">
        <form action="searchProduct" method="post">
            <input type="text" name="keyword" size="14" class="searchInput" id="searchInput"/>
            <span><input type="submit" name="searchProducts" value="Search" /></span>
        </form>
    </div>
</div>


<div id="QuickLinks">
    <a href="viewCategory?categoryId=FISH">
        <img src="../../images/sm_fish.gif" />
    </a>
    <img src="../../images/separator.gif" />

    <a href="viewCategory?categoryId=DOGS">
        <img src="../../images/sm_dogs.gif" />
    </a>
    <img src="../../images/separator.gif" />

    <a href="viewCategory?categoryId=REPTILES">
        <img src="../../images/sm_reptiles.gif" />
    </a>
    <img src="../../images/separator.gif" />

    <a href="viewCategory?categoryId=CATS">
        <img src="../../images/sm_cats.gif" />
    </a>
    <img src="../../images/separator.gif" />

    <a href="viewCategory?categoryId=BIRDS">
        <img src="../../images/sm_birds.gif" />
    </a>
    <img src="../../images/separator.gif" />
</div>